<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>订单销售报表</title>
<!--公共样式开始-->
<link rel="stylesheet" type="text/css" href="{$NOW_THEME_URL}/Assets/Css/reset.css">
<link rel="stylesheet" type="text/css" href="{$NOW_THEME_URL}/Assets/Css/common.css">
<link rel="stylesheet" type="text/css" href="{$NOW_THEME_URL}/Assets/Plugins/FontAwesome/css/font-awesome.min.css">
<!--公共样式结束-->
<link rel="stylesheet" type="text/css" href="{$NOW_THEME_URL}/Assets/Css/module_form.css">
<link rel="stylesheet" type="text/css" href="{$NOW_THEME_URL}/Assets/Css/page_memberAdd.css">
<script src="{$NOW_THEME_URL}/Assets/Js/jquery.min.js"></script>
<script src="{$NOW_THEME_URL}/Assets/Js/jquery.timer.js"></script>
<script src="{$NOW_THEME_URL}/Assets/Js/common.js"></script>
<script src="__PUBLIC__/Plugins/Datepicker/WdatePicker.js"></script>
<script language="javascript" type="text/javascript" src="__PUBLIC__/Plugins/Datepicker/WdatePicker.js"></script>
<style>
.attr{
	margin-left:30px;
}
.editbtn{
	background-color:#339900;
	color:#FFFFFF;
	padding:2px 4px;
	cursor:pointer;
}
.entitle{
	font-size:16px;
	font-weight:bold;
}
.attr_list{
	background-color:green;
	margin-right:5px;
	color:#FFFFFF;
}
.module_form thead .thead td{
	font-size:16px;	
	font-weight:bold;
	background-color:#3399FF;
	color:#FFFFFF;
}
.total{
	margin:10px;
	background-color:#3399FF;
	color:#FFFFFF;
	padding:3px 5px;
	border-radius:3px;
	width:170px;
	text-align:center;
}
</style>
</head>

<body>
	<div class="page_wraper">
		<input type="hidden" id="solevar" name="solevar" value="{:create_id()}">
		<div id="tab1_0" fortab="tab1">
		
		<form method="post" id="search_Form" method="post" action="{:U('Order/delivery')}">
			<table cellpadding="0" cellspacing="0" class="module_form" width="600">
				<tr>
					<td class="">配送员：
						<select name="dealid" id="dealid">
							<option value="">请选择</option>
							<volist name="user" id="v">
								<option value="{$v.id}" <eq name="m.dealid" value="$v['id']">selected</eq>>{$v.realname}</option>
							</volist>
						</select>
					</td>
					<td class="">时间计算：
						<input type="text" name="startTime" id="startTime" class="form_ele_text" placeholder="请选择开始时间"
							onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" value="{$m.start}">-
						<input type="text" name="endTime" id="endTime" class="form_ele_text" placeholder="请选择结束时间" 
							onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" value="{$m.end}">
					</td>
					<td>
						<input type="button" class="form_ele_submit searchbtn" value="搜索">
						<input type="button" class="form_ele_reset restbtn" value="重置">
					</td>
					<!-- <span>搜索方式有两种：1根据年月日搜索、2根据开始时间和结束时间搜索</span> -->
				</tr>
			</table>
		</form>
			<table cellpadding="0" cellspacing="0" class="module_form" width="600">
				<thead>
					<tr class="thead">
						<td>订单号</td>
						<td>订单状态</td>
						<td>配送员</td>
						<td>订购者</td>
						<td>电话</td>
						<td>订单金额</td>
						<td>服务金额</td>
						<td>实付金额</td>
						<td>下单时间</td>
					</tr>
				</thead>
				<tbody>	
					<volist name="list" id="v">
						<tr>
							<td>{$v.orderno}</td>
							<td>{$v.status|get_array_key='ORDER_STATUS',###}</td>
							<td>{$v.dealname}</td>
							<td>{$v.username}</td>
							<td>{$v.mobile}</td>
							<td>{$v.orderfee}</td>
							<td>{$v.shipfee}</td>
							<td>{$v.totalfee}</td>
							<td>{$v.addtime|date="Y-m-d H:i:s",###}</td>
						</tr>
					</volist>
				</tbody>	
			</table>
		</div>
	</div>
	<div class="page_footer pdtd10" style="text-align:left">
		<span class="total">配送员送单数：{$total.sendNum}单</span>
		<span class="total">配送员收款数：￥{$total.receivables}</span>
		<!-- <input type="button" name="submit" id="submit" value="提交数据"  class="form_ele_submit"/>
		<input type="reset" name="reset" id="reset" value="清空数据"  class="form_ele_reset"/> -->
	</div>
</body>
<script type="text/javascript">
	//弹出窗口全局变量
	var api = frameElement.api, W = api.opener;
	$(function(){
		//滑动门
		$('.tabbar li').click(function(){
			var tabname = $('.tabbar>ul').attr('tabname');
			$('.tabbar li').removeClass('tabhover');
			$(this).addClass('tabhover');
			
			$('div[fortab="'+tabname+'"]').hide();
			$('#'+$(this).attr('show')).show();
		});
		
		//表格隔行换色
		$('.module_form tr:odd').addClass('odd');
		$('.module_form tr:even').addClass('even');
		
		//表单操作
		
		//提交
		$('.searchbtn').on('click',function(){
			$("#search_Form").submit();
		});
		
		//重置
		$('.restbtn').on('click',function(){
			$('#dealid').val("");
			$('#startTime').val("");
			$('#endTime').val("");
		});
		
		$(".editAttr").click(function(){
			var id  = $(this).attr("id");
			var css = $(this).attr("css");
			
			if(css=="isshow"){
				$("#tr_"+id).show();
				$(this).attr("css","ishide");
				$(this).children("span").text("隐藏属性");
			}else{
				$("#tr_"+id).hide();
				$(this).attr("css","isshow");
				$(this).children("span").text("显示属性");
			}
		});
	});
</script>
</html>
